import classes from './LoginHeader.module.css'
import { ReactNode } from 'react'
interface LoginHeaderConfig {
  logo?: string | ReactNode //页面顶部LOGO元素
  color?: string //主体颜色
}

const LoginHeader = (props: LoginHeaderConfig) => {
  return (
    <div className={classes.header}>
      <div className={classes.col}>
        <span
          className={classes.logo}
          style={{
            color: props.color,
          }}>
          {props.logo}
        </span>
        <span className={classes.loginText}>登录</span>
      </div>
      <div className={classes.col}></div>
    </div>
  )
}

export default LoginHeader
